<template>
	<view>
		<view class="Product">
			<view class="product_list" @click="toGoods(item.goods_id,item.store_id)" v-for="(item,index) in pageData"
				:key="index">
				<image :src="$imgUrls(item.img)" mode="aspectFill" class="product_img"></image>
				<view class="padding10 d-flex f-column">
					<text class="name ellipsis">{{item.name}}</text>
					<text class="color_99 h6 m-top8">已售：{{item.sales_number}}</text>
					<view class="d-flex a-center m-top8 black">
						<text class="h6">￥ </text>
						<text class="size28">{{item.price}}</text>
					</view>
				</view>
			</view>
		</view>
		<emptys v-if="!pageData.length" title="暂无相关内容"></emptys>
	</view>
</template>

<script>
	export default {
		props: ['pageData'],
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.Product {
		width: 100%;
		padding: 0 14rpx 20rpx 14rpx;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;


		.product_list {
			width: 252rpx;
			background-color: #fff;
			border-radius: 10rpx;
			overflow: hidden;
			margin-top: 20rpx;
			overflow: hidden;
			box-shadow: rgba(149, 157, 165, 0.2) 0px 8rpx 24rpx;

			.product_img {
				width: 100%;
				height: 240rpx;
				border-radius: 10rpx 10rpx 0 0;
			}

			.name {
				color: #333;
				font-size: 26rpx;
			}
		}
	}
</style>